<script setup>
import { reactive, ref, toRefs } from "vue";

const input1 = ref(0);

const handleclisk = () => {
  input1.value++;
};
const handleclisk1 = () => {
  input1.value += 3;
};
</script>

<template>
  <!-- 点我+数字-->
  <div>
    <h1>点我+数字</h1>
    <!-- <input v-model="input1" placeholder="输入内容" style="color: brown;"> -->
    <h3>{{ input1 }}</h3>
    <button v-on:click="handleclisk">点我+1</button>
    <button v-on:click="handleclisk1">点我+3</button>
  </div>
</template>

<style scoped>
h1 {
  color: blue;
}
h2 {
  color: aquamarine;
}
.read-the-docs {
  color: #888;
}
</style>
